<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础选择器</title>
    <!--1.id选择器-->
    <!--2.元素选择器-->
    <!--3.类选择器选择器-->
    <style>
        #test{
            color:red;
        }
        div{
            color: gold;
        }
        .text{
            color: gray;
        }
    </style>
</head>
<body>
    <div id="test">HelloWorld</div>
    <div>HelloWorld</div>
    <p class="text">HelloWorld</p>
    <p class="text">HelloWorld</p>

</body>
</html>